html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input {
    margin: 0;
    padding: 0;
}

body {
    cursor: default;
    font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti;
		_font-family:Tahoma,Arial,Helvetica,STHeiti;
    font-size: 12px;
    height:100%;
}

*{margin:0;padding:0;}

html, body, #wrapper {
	height: 100%;
	font-size:12px;
}

#wrapper{width:100%;min-width:960px;}

body > #wrapper {height:auto; min-height:100%;}

#main {padding-bottom: 25px;min-width:100%;padding-top:90px;}/* 必须使用和footer相同的高度,最小宽度ie6中加JS解决 */

/*******header*********/
#header{
	color:#4673CC;
	margin-bottom: -90px; /* footer高度的负值 */
	height: 90px;/* footer高度*/ 
	width:100%;
	min-width:960px;
}

#header-inner{
	width:100%;
	height:40px;
	line-height:40px;
	margin:0 auto;
	background-color:#638DC4;
}

#header-content{
	position:relative;
	width:80%;
	height:100%;
	min-width:960px;
	margin:0 auto;
}

#logo{
	float:left;
	position:absolute;
	left:0;
	top:0;
	min-width:192px;
	width:20%;
	height:100%;	
}

#logo img{
	margin-left:20px;
	border:0px;
}

#profiles{
	float:right;
	position:absolute;
	right:0;
	top:0;
	width:50%;
	color:#FFF;
	height:100%;
}

#profiles ul{
	float: right;
	list-style-type: none;
}

#profiles li{
	display: inline;
	margin: 0 5px;
}

#profiles li a:link,#profiles li a:visited{
	text-decoration:none;
	color:#FFF;
}

#profiles li a:hover,#profiles li a:active{
	text-decoration:underline;
}

.about-me a{
	margin:0 5px;
	font-weight: bold;	
}
/********nav*********/

#nav{
	height:30px;
	width:80%;
	min-width:960px;
	margin:18px auto 0px;
	height: 30px;/* footer高度*/ 
	border-bottom:2px solid #638DC4;
}

#navigator{
	float: left;
	margin:0 20px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color:#069;
}

#navigator ul{
	float: left;
	position: relative;
	height: 30px;
	padding: 0 10px;
	list-style: none;
}

#navigator li {
	float: left;
	height: 30px;
}

#navigator li.active{
	background-color:#638DC4;
}

#navigator li a{
	height: 30px;
	color: #FFF;
	text-decoration:none;
}

#navigator a span {
	float: left;
	padding:5px 16px 4px;
	text-shadow: 1px 1px 0 #666;
	cursor: pointer;
	font-size:15px;
	border:1px solid #069;
	border-bottom:none;
}

#navigator a span:hover{
	border-color: #FBC84E;
	background-color:#638DCC;
}

#otherpage{	
	display:none;
	background-color:#FFF;
	float: left;
	height: 29px;
  border:solid 1px #069;
  border-bottom:solid 2px #FFF;
  border-radius:5px 5px 0px 0px;
  -moz-border-radius:5px 5px 0px 0px;
  -o-border-radius:5px 5px 0px 0px;
  -webkit-border-radius:5px 5px 0px 0px;
}

#otherpage a{
	height: 30px;
	text-decoration:none;
	color: #069;
	padding:7px 15px 6px;
	font-size:15px;
	height:29px;
	line-height:29px;
}

#otherpage a span{
	margin:0 3px;
}

#footer {
	position: relative;
	margin-top: -25px; /* footer高度的负值 */
	height: 25px;/* footer高度*/ 
	width:100%;
	min-width:960px;/*最小宽度ie6中加JS解决*/
	clear:both;
	text-align:center;
 	color:#fff;
	background:url("../images/bg/footer.png") repeat-x scroll left bottom #FFF;
}
#infoot{height:25px;line-height:25px;width:960px;margin:0 auto;
	background: url("../images/bg/footer.png") repeat-x scroll left bottom transparent;}

#content{
	width:80%;
	min-width:960px;
	margin:0 auto;
	height:auto;
}

.content-l{
	width:20%;
	height:auto;
	float:left;
}

.content-l h3{
	color: #000;
	font-size: 16px;
	font-weight: normal;
 	margin:5px;
 	border-bottom:2px solid #AAA;
}


#schedules{
	margin:5px 5px 5px 0;
	height:auto;
	border:solid 2px #EEE;
  border-radius:5px 5px 5px 5px;
  -moz-border-radius:5px 5px 5px 5px;
  -o-border-radius:5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
}

#schedules:hover{
	border-color:	#4673CC;
}

#tab-choose{
	height: 21px;
	list-style: none;
	background-color:#638DC4;
}

#tab-choose li {
	float: left;
}

#tab-choose li span{
	text-decoration:none;
	color:#FFF;
	float: left;
	padding:0px 5px;
	cursor: pointer;
	font-size:14px;
	border:1px solid #638DC4;
	border-bottom:none;
}

#tab-choose li .selected{
	background-color:#FFF;
	color:#000;
	border:1px solid #FFF;
	border-bottom:none;
	padding-top:2px;
}

#list-cal {
	margin:2px;
	min-height:265px;
	height:265px;
	overflow-x:hidden;
	overflow-y:auto;
}

#list-cal p{
	overflow-x:hidden;
}

#list-cal li{
	float: left;
	width:100%;
	position: relative;	
	margin-left: 1px;
	padding: 8px 0 8px 35px;
	border-bottom: 1px solid #DDD;
}

#list-cal .pic{
	position: absolute;
	left: 0px;
	top: 10px;
	width: 32px;
	height: 32px;
	cursor:pointer;	
}

.cal-delete{
	position: absolute;
	right: 35px;
	top: 8px;
	padding:8px;
	cursor:pointer;
	background:url("../images/button/del.png");
}

.cal-content{
	cursor:pointer;
	font-size:13px;
	color:#069;
}

.meet{
	background:url("../images/category/meet.gif");
}

.work{
	background:url("../images/category/work.gif");
}

.play{
	background:url("../images/category/play.gif");
}
.eat{
	background:url("../images/category/eat.gif");
}
.sport{
	background:url("../images/category/sport.gif");
}
.rest{
	background:url("../images/category/rest.gif");
}
.other{
	background:url("../images/category/other.gif");
}

#categories{
	margin: 5px 5px 5px 0;	
	border:solid 2px #EEE;
  border-radius:5px 5px 5px 5px;
  -moz-border-radius:5px 5px 5px 5px;
  -o-border-radius:5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
}

#categories:hover{
	border-color:#4673CC;
}

.content-r{
	width:80%;
	height:auto;
	float:right;
	position:relative;
}

#container{	
	width:auto;
	height:500px;	
	margin: 5px 0px 5px 5px;
	border:solid 2px #EEE;
  border-radius:5px 5px 5px 5px;
  -moz-border-radius:5px 5px 5px 5px;
  -o-border-radius:5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
}

#search-outer{
	position: absolute;	
	background-color:#FFF;
	width:160px;
	height:auto;
	top:10px;
	right:8px;
	filter:alpha(opacity=75);
	opacity:0.75;
  border-radius:5px 5px 5px 5px;
  -moz-border-radius:5px 5px 5px 5px;
  -o-border-radius:5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
  border:none;
}

#results a{
	color:#4673CC;
	font-weight:bold;
  text-decoration:none;
}

#results a:hover{
	color:#000;
}

#btn-search{
	position:absolute;
	right:5%;
	top:2px;
	background:url("../images/button/header-search.gif") no-repeat 0 0; 	
  text-indent: -9999em;
	height: 23px;
  width: 23px;
  border:none;
  cursor:pointer;
}

#btn-search:hover,#btn-search:active{
	color:#FFC34C;
	background-position:0 -23px;
}

#flash_alert{
	display:none;	
	position:absolute;
	left:30%;
	top:52px;
	height:100px;
	width:40%;
	font-size:18px;
	text-align:center;
	vertical-align: middle;
	z-index:9999;
}

.error .flash_message{
	padding:8px 25px;
	height:26px;
	background-color:#EB3B20;
	border:4px solid #FFF;
	color:#FFF;
}

.success .flash_message{
	padding:8px 25px;
	height:26px;
	background-color:#00AA00;
	border:4px solid #FFF;
	color:#FFF;
}

#footer a, #footer a:link, #footer a:visited {
  color: #808088;
}

#footer a:hover, #footer a:active {
  color: #403741;
}

#footer .footer-item {
  margin: 0 10px;
}


/*说明: 需要注意的就是#main的padding值、footer的高度和负margin值，需要保持一致。下面是著名的万能float闭合Clearfix Hack*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* 全局列表 */
ol,ul{
	list-style:none;
}

.webname{
	font-family: "华文行楷","Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti;
	_font-family:Tahoma,Arial,Helvetica,STHeiti;
	margin:0 3px;
}

.unknow{	
	font-family: "微软雅黑","华文行楷","Microsoft Yahei",Tahoma,Arial,Helvetica,STHeiti;
	_font-family:Tahoma,Arial,Helvetica,STHeiti;
	margin:0 3px;
	color:#F00;
}

/* txt-search */
.textbox-sqa{
	width:120px;
	padding:4px;
	border:solid 1px #aaa;
}

.textbox-rad{
	width:150px;
	padding:5px;
	border:solid 1px #4673CC;
  border-radius:5px 5px 5px 5px;
  -moz-border-radius:5px 5px 5px 5px;
  -o-border-radius:5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
}

/* btn-search */
.btn-sqa{
	height:25px;
	width:40px;
	border:1px solid #aaa;
	cursor:pointer;
}